<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>大麦首页</title>
    <link rel="stylesheet" href="../../static/css/home.css" th:href="@{/css/home.css}">

</head>
<body>
<!--页头开始====================================================-->
<div class="header">
    <!--顶部广告start-->
    <div class="adverse">
        <a href="#"><img src="../../static/image/header/TB1pUItiVzqK1RjSZFCSuvbxVXa.jpg" th:href="@{/image/header/TB1pUItiVzqK1RjSZFCSuvbxVXa.jpg}"></a>
        <span class="close"></span>
    </div>
    <!--顶部广告end-->
    <!--头部导航开始-->
    <div class="header-wrap">
        <div class="header-box">
            <a href="#" class="header-box-left clearfix left">
                <img src="../../static/image/header/dm-log1.png" th:src="@{/image/header/dm-log1.png}" alt="">
            </a>
            <div class="header-box-left-check left">
                <img src="../../static/image/header/TB1XHDuxNGYBuNjy0FnXXX5lpXa-28-32.png" th:src="@{/image/header/TB1XHDuxNGYBuNjy0FnXXX5lpXa-28-32.png}" >
                <span class="city-location" th:if="${session.dmArea == null}">全国</span>
                <span class="city-location" th:if="${session.dmArea != null}">${session.}</span>
                <img src="../../static/image/header/TB1vnUBxStYBeNjSspaXXaOOFXa-20-12.png" th:src="@{/image/header/TB1vnUBxStYBeNjSspaXXaOOFXa-20-12.png}" class="xl">
                <div class="city-check-box clearfix">
                    <div class="now-city clearfix">
                        <span class="title-city">当前城市：</span>
                        <span class="name-city select-city">全国</span>
                    </div>
                    <div class="hot-city clearfix">
                        <span class="title-city">热门城市：</span>
                        <div class="list-hot">
                        <span class="name-city">全国</span>
                        <span class="name-city">北京</span>
                        <span class="name-city">上海</span>
                        <span class="name-city">深圳</span>
                        <span class="name-city">广州</span>
                        <span class="name-city">杭州</span>
                        <span class="name-city">天津</span>
                        <span class="name-city">重庆</span>
                        <span class="name-city">成都</span>
                        <span class="name-city">香港</span>
                    </div>
                    </div>
                    <div class="other-city clearfix">
                        <span class="title-city">其他城市：</span>
                        <div class="list-other">
                            <span class="name-city">北京</span>
                            <span class="name-city">北京</span>
                            <span class="name-city">北京</span>
                            <span class="name-city">北京</span>
                            <span class="name-city">北京</span>
                            <span class="name-city">北京</span>
                            <span class="name-city">北京</span>
                            <span class="name-city">北京</span>
                            <span class="name-city">北京</span>
                            <span class="name-city">北京</span>
                            <span class="name-city">北京</span>
                            <span class="name-city">北京</span>
                            <span class="name-city">北京</span>
                            <span class="name-city">北京</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="header-recommend">
                <a href="#" class="type-recommend select">首页</a>
                <a href="" class="type-recommend">分类</a>
            </div>
            <div class="header-right">
                <div class="header-right-search">
                    <img src="../../static/image/header/TB1qv3jxGmWBuNjy1XaXXXCbXXa-34-36.png" th:src="@{/image/header/TB1qv3jxGmWBuNjy1XaXXXCbXXa-34-36.png}" class="i-search">
                    <input type="text" class="input-search" placeholder="搜索明星、演出、体育赛事">
                    <div class="btn-search">搜索</div>
                </div>
                <div class="header-right-option right clearfix">
                    <a href="#" class="to-login box-header left clearfix">
                        <img class="i-box-header" src="../../static/image/header/TB14UKCGQyWBuNjy0FpXXassXXa-54-54.png" th:src="@{/image/header/TB14UKCGQyWBuNjy0FpXXassXXa-54-54.png}">
                        <span class="span-box-header">登录</span>
                        <div class="list-login">
                            <span href="#" class="li-login">个人信息</span>
                            <span href="#" class="li-login">账号设置</span>
                            <span href="#" class="li-login">订单管理</span>
                        </div>
                    </a>
                    <div class="app-QRCode box-header left">
                        <img class="i-box-header" src="../../static/image/header/TB1A9eIGKuSBuNjy1XcXXcYjFXa-54-54.png" th:src="@{/image/header/TB1A9eIGKuSBuNjy1XcXXcYjFXa-54-54.png}">
                        <span class="span-box-header">下载</span>
                        <div class="list-QRCode">
                            <img src="../../static/image/header/TB1r0uFxHSYBuNjSspiXXXNzpXa-280-280.png" th:src="@{/image/header/TB1r0uFxHSYBuNjSspiXXXNzpXa-280-280.png}" class="li-QRCode">
                        </div>
                    </div>
                    <a href="" class="language box-header left">
                        <img class="i-box-header" src="../../static/image/header/TB13UKCGQyWBuNjy0FpXXassXXa-54-54.png" th:src="@{/image/header/TB13UKCGQyWBuNjy0FpXXassXXa-54-54.png}">
                        <span class="span-box-header">English</span>
                    </a>
                </div>
            </div>

        </div>
    </div>
    <!--头部导航结束-->
</div>
<!--页头结束====================================================-->


<!--主体开始====================================================-->
<div class="main">
    <!--main方法头部导航开始-->
    <div class="main-top">
        <div class="inner-top-main">
            <span class="left-inner-top-main">
                <span class="arrow-left"></span>
            </span>
            <a href="" class="t1-inner-top-main tt" style="display: block"><img src="../../static/image/main/TB1d2HxrRjTBKNjSZFwSuwG4XXa.jpg" alt=""></a>
            <a href="" class="t2-inner-top-main tt"><img src="../../static/image/main/TB1I4RKX9zqK1RjSZPcSuvTepXa.jpg" alt=""></a>
            <a href="" class="t3-inner-top-main tt"><img src="../../static/image/main/TB19E7ri4TpK1RjSZFGSuwHqFXa.jpg" alt=""></a>
            <a href="" class="t4-inner-top-main tt"><img src="../../static/image/main/TB19HX4kYrpK1RjSZTEXXcWAVXa-1200-320.jpg" alt=""></a>
            <span class="right-inner-top-main">
                <span class="arrow-right"></span>
            </span>
            <p class="rButton-inner-top-main">
                <span class="rb1-inner-top-main rbselect" data-for="rbselect" style="opacity: 1;"></span>
                <span class="rb2-inner-top-main" ></span>
                <span class="rb3-inner-top-main" ></span>
                <span class="rb4-inner-top-main" ></span>
            </p>
        </div>
    </div>
    <!--main方法头部导航结束-->

    <!--main分类区域开始-->
    <div class="main-classify clearfix">
        <a href="" class="category-list"><span class="category-icon category-icon-ych"></span><p class="category-info">演唱会</p></a>
        <a href="" class="category-list"><span class="category-icon category-icon-hjgj"></span><p class="category-info">话剧歌剧</p></a>
        <a href="" class="category-list"><span class="category-icon category-icon-tyss"></span><p class="category-info">体育赛事</p></a>
        <a href="" class="category-list"><span class="category-icon category-icon-etqz"></span><p class="category-info">儿童亲子</p></a>
        <a href="" class="category-list"><span class="category-icon category-icon-djxx"></span><p class="category-info">度假休闲</p></a>
        <a href="" class="category-list"><span class="category-icon category-icon-yyh"></span><p class="category-info">音乐会</p></a>
        <a href="" class="category-list"><span class="category-icon category-icon-qyzt"></span><p class="category-info">曲苑杂坛</p></a>
        <a href="" class="category-list"><span class="category-icon category-icon-wdbl"></span><p class="category-info">舞蹈芭蕾</p></a>
        <a href="" class="category-list"><span class="category-icon category-icon-dm"></span><p class="category-info">动漫</p></a>
        <a href="" class="category-list"><span class="category-icon category-icon-lyzl"></span><p class="category-info">旅游展览</p></a>
    </div>
    <!--main分类区域开始-->

    <!--main详情区域开始-->
    <div class="main-details">
        <div class="inner-details-main">
            <div class="top-inner-details-main">
                <span class="s-top-i-d-m">演唱会</span>
                <a href="" class="queryAll-top-i-d-m">查看全部</a>
            </div>
            <div class="body-inner-details-main">
                <a href="" class="left-body-IDM">
                    <img src="../../static/image/main/167399_n.jpg" alt="" class="img-left-body-IDM">
                    <div class="box-left-body-IDM">
                        <div class="title-box-left-body-IDM" data-spm-anchor-id="a2oeg.home.ditem_0.i0.591b48d3QJuuT2">陈绮贞20周年演唱会－漫漫长夜 Cheer 20 </div>
                        <div class="details-box-left-body-IDM"><span>¥299</span><span>起</span></div>
                    </div>
                </a>
                <div class="right-body-IDM">
                    <a href="" class="action-right-body-IDM clearfix">
                        <div class="l-action-right-body-IDM"><img src="../../static/image/main/167315_n.jpg" alt="" class="i-a-r-b-IDM"></div>
                        <div class="r-action-right-body-IDM">
                            <p class="title-r-action-r-b-IDM">2018海南草莓音乐节</p>
                            <p class="venue-r-action-r-b-IDM">长影环球100奇幻乐园</p>
                            <p class="showtime-r-action-r-b-IDM">2018.11.24-11.25</p>
                            <p class="price-r-action-r-b-IDM"><span>¥180</span><span>起</span></p>
                        </div>
                    </a>
                    <a href="" class="action-right-body-IDM clearfix">
                        <div class="l-action-right-body-IDM"><img src="../../static/image/main/167315_n.jpg" alt="" class="i-a-r-b-IDM"></div>
                        <div class="r-action-right-body-IDM">
                            <p class="title-r-action-r-b-IDM">2018海南草莓音乐节</p>
                            <p class="venue-r-action-r-b-IDM">长影环球100奇幻乐园</p>
                            <p class="showtime-r-action-r-b-IDM">2018.11.24-11.25</p>
                            <p class="price-r-action-r-b-IDM"><span>¥180</span><span>起</span></p>
                        </div>
                    </a>
                    <a href="" class="action-right-body-IDM clearfix">
                        <div class="l-action-right-body-IDM"><img src="../../static/image/main/167315_n.jpg" alt="" class="i-a-r-b-IDM"></div>
                        <div class="r-action-right-body-IDM">
                            <p class="title-r-action-r-b-IDM">2018海南草莓音乐节</p>
                            <p class="venue-r-action-r-b-IDM">长影环球100奇幻乐园</p>
                            <p class="showtime-r-action-r-b-IDM">2018.11.24-11.25</p>
                            <p class="price-r-action-r-b-IDM"><span>¥180</span><span>起</span></p>
                        </div>
                    </a>
                    <a href="" class="action-right-body-IDM clearfix">
                        <div class="l-action-right-body-IDM"><img src="../../static/image/main/167315_n.jpg" alt="" class="i-a-r-b-IDM"></div>
                        <div class="r-action-right-body-IDM">
                            <p class="title-r-action-r-b-IDM">2018海南草莓音乐节</p>
                            <p class="venue-r-action-r-b-IDM">长影环球100奇幻乐园</p>
                            <p class="showtime-r-action-r-b-IDM">2018.11.24-11.25</p>
                            <p class="price-r-action-r-b-IDM"><span>¥180</span><span>起</span></p>
                        </div>
                    </a>
                    <a href="" class="action-right-body-IDM clearfix">
                        <div class="l-action-right-body-IDM"><img src="../../static/image/main/167315_n.jpg" alt="" class="i-a-r-b-IDM"></div>
                        <div class="r-action-right-body-IDM">
                            <p class="title-r-action-r-b-IDM">2018海南草莓音乐节</p>
                            <p class="venue-r-action-r-b-IDM">长影环球100奇幻乐园</p>
                            <p class="showtime-r-action-r-b-IDM">2018.11.24-11.25</p>
                            <p class="price-r-action-r-b-IDM"><span>¥180</span><span>起</span></p>
                        </div>
                    </a>
                    <a href="" class="action-right-body-IDM clearfix">
                        <div class="l-action-right-body-IDM"><img src="../../static/image/main/167315_n.jpg" alt="" class="i-a-r-b-IDM"></div>
                        <div class="r-action-right-body-IDM">
                            <p class="title-r-action-r-b-IDM">2018海南草莓音乐节</p>
                            <p class="venue-r-action-r-b-IDM">长影环球100奇幻乐园</p>
                            <p class="showtime-r-action-r-b-IDM">2018.11.24-11.25</p>
                            <p class="price-r-action-r-b-IDM"><span>¥180</span><span>起</span></p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="inner-details-main">
            <div class="top-inner-details-main">
                <span class="s-top-i-d-m">话剧歌剧</span>
                <a href="" class="queryAll-top-i-d-m">查看全部</a>
            </div>
            <div class="body-inner-details-main">
                <a href="" class="left-body-IDM">
                    <img src="../../static/image/main/167399_n.jpg" alt="" class="img-left-body-IDM">
                    <div class="box-left-body-IDM">
                        <div class="title-box-left-body-IDM" data-spm-anchor-id="a2oeg.home.ditem_0.i0.591b48d3QJuuT2">陈绮贞20周年演唱会－漫漫长夜 Cheer 20 </div>
                        <div class="details-box-left-body-IDM"><span>¥299</span><span>起</span></div>
                    </div>
                </a>
                <div class="right-body-IDM">
                    <a href="" class="action-right-body-IDM clearfix">
                        <div class="l-action-right-body-IDM"><img src="../../static/image/main/167315_n.jpg" alt="" class="i-a-r-b-IDM"></div>
                        <div class="r-action-right-body-IDM">
                            <p class="title-r-action-r-b-IDM">2018海南草莓音乐节</p>
                            <p class="venue-r-action-r-b-IDM">长影环球100奇幻乐园</p>
                            <p class="showtime-r-action-r-b-IDM">2018.11.24-11.25</p>
                            <p class="price-r-action-r-b-IDM"><span>¥180</span><span>起</span></p>
                        </div>
                    </a>
                    <a href="" class="action-right-body-IDM clearfix">
                        <div class="l-action-right-body-IDM"><img src="../../static/image/main/167315_n.jpg" alt="" class="i-a-r-b-IDM"></div>
                        <div class="r-action-right-body-IDM">
                            <p class="title-r-action-r-b-IDM">2018海南草莓音乐节</p>
                            <p class="venue-r-action-r-b-IDM">长影环球100奇幻乐园</p>
                            <p class="showtime-r-action-r-b-IDM">2018.11.24-11.25</p>
                            <p class="price-r-action-r-b-IDM"><span>¥180</span><span>起</span></p>
                        </div>
                    </a>
                    <a href="" class="action-right-body-IDM clearfix">
                        <div class="l-action-right-body-IDM"><img src="../../static/image/main/167315_n.jpg" alt="" class="i-a-r-b-IDM"></div>
                        <div class="r-action-right-body-IDM">
                            <p class="title-r-action-r-b-IDM">2018海南草莓音乐节</p>
                            <p class="venue-r-action-r-b-IDM">长影环球100奇幻乐园</p>
                            <p class="showtime-r-action-r-b-IDM">2018.11.24-11.25</p>
                            <p class="price-r-action-r-b-IDM"><span>¥180</span><span>起</span></p>
                        </div>
                    </a>
                    <a href="" class="action-right-body-IDM clearfix">
                        <div class="l-action-right-body-IDM"><img src="../../static/image/main/167315_n.jpg" alt="" class="i-a-r-b-IDM"></div>
                        <div class="r-action-right-body-IDM">
                            <p class="title-r-action-r-b-IDM">2018海南草莓音乐节</p>
                            <p class="venue-r-action-r-b-IDM">长影环球100奇幻乐园</p>
                            <p class="showtime-r-action-r-b-IDM">2018.11.24-11.25</p>
                            <p class="price-r-action-r-b-IDM"><span>¥180</span><span>起</span></p>
                        </div>
                    </a>
                    <a href="" class="action-right-body-IDM clearfix">
                        <div class="l-action-right-body-IDM"><img src="../../static/image/main/167315_n.jpg" alt="" class="i-a-r-b-IDM"></div>
                        <div class="r-action-right-body-IDM">
                            <p class="title-r-action-r-b-IDM">2018海南草莓音乐节</p>
                            <p class="venue-r-action-r-b-IDM">长影环球100奇幻乐园</p>
                            <p class="showtime-r-action-r-b-IDM">2018.11.24-11.25</p>
                            <p class="price-r-action-r-b-IDM"><span>¥180</span><span>起</span></p>
                        </div>
                    </a>
                    <a href="" class="action-right-body-IDM clearfix">
                        <div class="l-action-right-body-IDM"><img src="../../static/image/main/167315_n.jpg" alt="" class="i-a-r-b-IDM"></div>
                        <div class="r-action-right-body-IDM">
                            <p class="title-r-action-r-b-IDM">2018海南草莓音乐节</p>
                            <p class="venue-r-action-r-b-IDM">长影环球100奇幻乐园</p>
                            <p class="showtime-r-action-r-b-IDM">2018.11.24-11.25</p>
                            <p class="price-r-action-r-b-IDM"><span>¥180</span><span>起</span></p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="inner-details-main">
            <div class="top-inner-details-main">
                <span class="s-top-i-d-m">体育比赛</span>
                <a href="" class="queryAll-top-i-d-m">查看全部</a>
            </div>
            <div class="body-inner-details-main">
                <a href="" class="left-body-IDM">
                    <img src="../../static/image/main/167399_n.jpg" alt="" class="img-left-body-IDM">
                    <div class="box-left-body-IDM">
                        <div class="title-box-left-body-IDM" data-spm-anchor-id="a2oeg.home.ditem_0.i0.591b48d3QJuuT2">陈绮贞20周年演唱会－漫漫长夜 Cheer 20 </div>
                        <div class="details-box-left-body-IDM"><span>¥299</span><span>起</span></div>
                    </div>
                </a>
                <div class="right-body-IDM">
                    <a href="" class="action-right-body-IDM clearfix">
                        <div class="l-action-right-body-IDM"><img src="../../static/image/main/167315_n.jpg" alt="" class="i-a-r-b-IDM"></div>
                        <div class="r-action-right-body-IDM">
                            <p class="title-r-action-r-b-IDM">2018海南草莓音乐节</p>
                            <p class="venue-r-action-r-b-IDM">长影环球100奇幻乐园</p>
                            <p class="showtime-r-action-r-b-IDM">2018.11.24-11.25</p>
                            <p class="price-r-action-r-b-IDM"><span>¥180</span><span>起</span></p>
                        </div>
                    </a>
                    <a href="" class="action-right-body-IDM clearfix">
                        <div class="l-action-right-body-IDM"><img src="../../static/image/main/167315_n.jpg" alt="" class="i-a-r-b-IDM"></div>
                        <div class="r-action-right-body-IDM">
                            <p class="title-r-action-r-b-IDM">2018海南草莓音乐节</p>
                            <p class="venue-r-action-r-b-IDM">长影环球100奇幻乐园</p>
                            <p class="showtime-r-action-r-b-IDM">2018.11.24-11.25</p>
                            <p class="price-r-action-r-b-IDM"><span>¥180</span><span>起</span></p>
                        </div>
                    </a>
                    <a href="" class="action-right-body-IDM clearfix">
                        <div class="l-action-right-body-IDM"><img src="../../static/image/main/167315_n.jpg" alt="" class="i-a-r-b-IDM"></div>
                        <div class="r-action-right-body-IDM">
                            <p class="title-r-action-r-b-IDM">2018海南草莓音乐节</p>
                            <p class="venue-r-action-r-b-IDM">长影环球100奇幻乐园</p>
                            <p class="showtime-r-action-r-b-IDM">2018.11.24-11.25</p>
                            <p class="price-r-action-r-b-IDM"><span>¥180</span><span>起</span></p>
                        </div>
                    </a>
                    <a href="" class="action-right-body-IDM clearfix">
                        <div class="l-action-right-body-IDM"><img src="../../static/image/main/167315_n.jpg" alt="" class="i-a-r-b-IDM"></div>
                        <div class="r-action-right-body-IDM">
                            <p class="title-r-action-r-b-IDM">2018海南草莓音乐节</p>
                            <p class="venue-r-action-r-b-IDM">长影环球100奇幻乐园</p>
                            <p class="showtime-r-action-r-b-IDM">2018.11.24-11.25</p>
                            <p class="price-r-action-r-b-IDM"><span>¥180</span><span>起</span></p>
                        </div>
                    </a>
                    <a href="" class="action-right-body-IDM clearfix">
                        <div class="l-action-right-body-IDM"><img src="../../static/image/main/167315_n.jpg" alt="" class="i-a-r-b-IDM"></div>
                        <div class="r-action-right-body-IDM">
                            <p class="title-r-action-r-b-IDM">2018海南草莓音乐节</p>
                            <p class="venue-r-action-r-b-IDM">长影环球100奇幻乐园</p>
                            <p class="showtime-r-action-r-b-IDM">2018.11.24-11.25</p>
                            <p class="price-r-action-r-b-IDM"><span>¥180</span><span>起</span></p>
                        </div>
                    </a>
                    <a href="" class="action-right-body-IDM clearfix">
                        <div class="l-action-right-body-IDM"><img src="../../static/image/main/167315_n.jpg" alt="" class="i-a-r-b-IDM"></div>
                        <div class="r-action-right-body-IDM">
                            <p class="title-r-action-r-b-IDM">2018海南草莓音乐节</p>
                            <p class="venue-r-action-r-b-IDM">长影环球100奇幻乐园</p>
                            <p class="showtime-r-action-r-b-IDM">2018.11.24-11.25</p>
                            <p class="price-r-action-r-b-IDM"><span>¥180</span><span>起</span></p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="inner-details-main">
            <div class="top-inner-details-main">
                <span class="s-top-i-d-m">儿童亲子</span>
                <a href="" class="queryAll-top-i-d-m">查看全部</a>
            </div>
            <div class="body-inner-details-main">
                <a href="" class="left-body-IDM">
                    <img src="../../static/image/main/167399_n.jpg" alt="" class="img-left-body-IDM">
                    <div class="box-left-body-IDM">
                        <div class="title-box-left-body-IDM" data-spm-anchor-id="a2oeg.home.ditem_0.i0.591b48d3QJuuT2">陈绮贞20周年演唱会－漫漫长夜 Cheer 20 </div>
                        <div class="details-box-left-body-IDM"><span>¥299</span><span>起</span></div>
                    </div>
                </a>
                <div class="right-body-IDM">
                    <a href="" class="action-right-body-IDM clearfix">
                        <div class="l-action-right-body-IDM"><img src="../../static/image/main/167315_n.jpg" alt="" class="i-a-r-b-IDM"></div>
                        <div class="r-action-right-body-IDM">
                            <p class="title-r-action-r-b-IDM">2018海南草莓音乐节</p>
                            <p class="venue-r-action-r-b-IDM">长影环球100奇幻乐园</p>
                            <p class="showtime-r-action-r-b-IDM">2018.11.24-11.25</p>
                            <p class="price-r-action-r-b-IDM"><span>¥180</span><span>起</span></p>
                        </div>
                    </a>
                    <a href="" class="action-right-body-IDM clearfix">
                        <div class="l-action-right-body-IDM"><img src="../../static/image/main/167315_n.jpg" alt="" class="i-a-r-b-IDM"></div>
                        <div class="r-action-right-body-IDM">
                            <p class="title-r-action-r-b-IDM">2018海南草莓音乐节</p>
                            <p class="venue-r-action-r-b-IDM">长影环球100奇幻乐园</p>
                            <p class="showtime-r-action-r-b-IDM">2018.11.24-11.25</p>
                            <p class="price-r-action-r-b-IDM"><span>¥180</span><span>起</span></p>
                        </div>
                    </a>
                    <a href="" class="action-right-body-IDM clearfix">
                        <div class="l-action-right-body-IDM"><img src="../../static/image/main/167315_n.jpg" alt="" class="i-a-r-b-IDM"></div>
                        <div class="r-action-right-body-IDM">
                            <p class="title-r-action-r-b-IDM">2018海南草莓音乐节</p>
                            <p class="venue-r-action-r-b-IDM">长影环球100奇幻乐园</p>
                            <p class="showtime-r-action-r-b-IDM">2018.11.24-11.25</p>
                            <p class="price-r-action-r-b-IDM"><span>¥180</span><span>起</span></p>
                        </div>
                    </a>
                    <a href="" class="action-right-body-IDM clearfix">
                        <div class="l-action-right-body-IDM"><img src="../../static/image/main/167315_n.jpg" alt="" class="i-a-r-b-IDM"></div>
                        <div class="r-action-right-body-IDM">
                            <p class="title-r-action-r-b-IDM">2018海南草莓音乐节</p>
                            <p class="venue-r-action-r-b-IDM">长影环球100奇幻乐园</p>
                            <p class="showtime-r-action-r-b-IDM">2018.11.24-11.25</p>
                            <p class="price-r-action-r-b-IDM"><span>¥180</span><span>起</span></p>
                        </div>
                    </a>
                    <a href="" class="action-right-body-IDM clearfix">
                        <div class="l-action-right-body-IDM"><img src="../../../../../../../webapp/static/image/main/167315_n.jpg" alt="" class="i-a-r-b-IDM"></div>
                        <div class="r-action-right-body-IDM">
                            <p class="title-r-action-r-b-IDM">2018海南草莓音乐节</p>
                            <p class="venue-r-action-r-b-IDM">长影环球100奇幻乐园</p>
                            <p class="showtime-r-action-r-b-IDM">2018.11.24-11.25</p>
                            <p class="price-r-action-r-b-IDM"><span>¥180</span><span>起</span></p>
                        </div>
                    </a>
                    <a href="" class="action-right-body-IDM clearfix">
                        <div class="l-action-right-body-IDM"><img src="../../static/image/main/167315_n.jpg" alt="" class="i-a-r-b-IDM"></div>
                        <div class="r-action-right-body-IDM">
                            <p class="title-r-action-r-b-IDM">2018海南草莓音乐节</p>
                            <p class="venue-r-action-r-b-IDM">长影环球100奇幻乐园</p>
                            <p class="showtime-r-action-r-b-IDM">2018.11.24-11.25</p>
                            <p class="price-r-action-r-b-IDM"><span>¥180</span><span>起</span></p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!--main详情区域开始-->
</div>
<!--主体结束====================================================-->



<!--页脚开始====================================================-->
<div class="footer">
    <div class="inner-footer">
        <ul class="footer__links">

            <li class="footer__links__list"><a href="//help.damai.cn?spm=a2oeg.home.0.0.591b48d3vh7j6x" target="_blank" data-spm="flink0" data-spm-anchor-id="a2oeg.home.0.0">帮助中心</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a href="//help.damai.cn/helpPage.htm?pageId=69&amp;categoryId=30" target="_blank" data-spm="flink1">公司介绍</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a href="//help.damai.cn/helpPage.htm?pageId=70&amp;categoryId=30" target="_blank" data-spm="flink2">品牌识别</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a href="//help.damai.cn/helpPage.htm?pageId=72&amp;categoryId=30" target="_blank" data-spm="flink3">公司大事记</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a href="//help.damai.cn/helpPage.htm?pageId=40&amp;categoryId=14" target="_blank" data-spm="flink4">隐私权专项政策</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a href="//jubao.alibaba.com/internet/readme.htm?spm=a2o6e.search.0.0.72f44d15Votov6&amp;site=damai" target="_blank" data-spm="flink5">廉正举报</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a href="//help.damai.cn/helpPage.htm?pageId=58&amp;categoryId=5" target="_blank" data-spm="flink6">联系合作</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a href="//job.alibaba.com/zhaopin/positionList.htm?keyWord=JXU1OTI3JXU5RUE2&amp;_input_charset=UTF-8" target="_blank" data-spm="flink7">招聘信息</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a href="//x.damai.cn/markets/special/fangzhapian?spm=a2o6e.home.0.0.75df48d3hqGWGD&amp;wh_ttid=pc" target="_blank" data-spm="flink8">防骗秘籍</a></li>


        </ul>
        <div class="footer__ft clearfix">
            <div class="footer__ft_fl">
                <a href="" target="_blank" class="footer__ft__logo">
                    <img src="../../../../../../../webapp/static/image/footer/dm-logo.png" alt="">
                </a>
                <div class="footer__ft__code__box">
                    <img class="footer__ft__code" src="../../static/image/footer/TB1r0uFxHSYBuNjSspiXXXNzpXa-280-280.png" alt="">
                    <span>APP下载</span>
                </div>
            </div>
            <div class="footer__ft_fr">
                <div class="footer__fr__contact clearfix">
                    <a style="margin-left:0;" href="" class="footer__fr__contact__btn alime">在线客服</a>
                </div>
                <ul class="footer__ft__words clearfix">
                    <li class="footer__ft__certificate"><a href="http://www.miitbeian.gov.cn?spm=a2o6e.home.0.0.5b4d48d3mVzb2Z" target="_blank" class="colorPink">京ICP证031057号</a></li>
                    <li class="footer__ft__grep">|</li>
                    <li class="footer__ft__certificate"><a href="http://www.miitbeian.gov.cn" target="_blank" class="colorPink">京ICP备11043884号</a></li>
                    <li class="footer__ft__grep">|</li>
                    <li class="footer__ft__certificate"><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010102000430" target="_blank" class="colorPink">京公网安备11010102000430号</a>
                    </li>
                    <li class="footer__ft__grep">|</li>
                    <li class="footer__ft__certificate"><a href="//img.alicdn.com/tfs/TB1K9r6xN9YBuNjy0FfXXXIsVXa-1152-799.jpg" target="_blank"  class="colorPink">广播电视节目制作经营许可证
                        (京)字第02253号</a></li>
                </ul>
                <ul class="footer__ft__words clearfix">
                    <li class="footer__ft__certificate"><a href="//img.alicdn.com/tfs/TB1AsH4xH9YBuNjy0FgXXcxcXXa-1420-1032.jpg" target="_blank" class="colorPink">网络文化经营许可证
                        京网文[2016]3438-413号</a></li>
                    <li class="footer__ft__grep">|</li>
                    <li class="footer__ft__certificate"><a href="//img.alicdn.com/tfs/TB1DfD6CxGYBuNjy0FnXXX5lpXa-1079-1527.jpg" target="_blank" class="colorPink">营业性演出许可证
                        京市演587号</a></li>
                </ul>
                <ul class="footer__ft__words clearfix">
                    <li class="footer__ft__certificate">北京红马传媒文化发展有限公司 版权所有</li>
                    <li class="footer__ft__certificate"><a href="//www.damai.cn/?spm=a2o6e.home.0.0.591b48d3QzpG8B">大麦网</a></li>
                    <li>Copyright 2003-2018 All Rights Reserved</li>
                </ul>
                <div class="footer__ft__img">
                    <span id="siteseal">

                    <img style="cursor:pointer;cursor:hand" class="footer__ft__img1" src="//img.alicdn.com/tfs/TB1gw_ZxNWYBuNjy1zkXXXGGpXa-131-32.gif" onclick="verifySeal();" alt="SSL site seal - click to verify" data-spm-anchor-id="a2o6e.home.0.i1.5b4d48d3mVzb2Z">
                    </span>
                    <a rel="nofollow" title="电子营业执照" target="_blank" href="//img.alicdn.com/tfs/TB16oonxSBYBeNjy0FeXXbnmFXa-555-825.jpg">
                        <img class="footer__ft__img2" alt="" src="../../static/image/footer/TB1ZO80pyOYBuNjSsD4XXbSkFXa-141-41.png">
                    </a>

                    <a rel="nofollow" target="_blank" href="https://www.pcisecuritystandards.org/">
                        <img src="../../static/image/footer/TB1Y580pyOYBuNjSsD4XXbSkFXa-83-50.png" class="footer__ft__img3">
                    </a>
                    <a rel="nofollow" target="_blank" href="http://www.itrust.org.cn/home/index/itrust_certifi/wm/1756737221">
                        <img src="../../static/image/footer/TB1pM_ZxNWYBuNjy1zkXXXGGpXa-114-40.png" class="footer__ft__img4w">
                    </a>
                    <a target="_blank" href="https://search.szfw.org/cert/l/CX20130327002367002885" id="___szfw_logo___">
                        <img class="footer__ft__img4" src="../../static/image/footer/TB1C4nNxTlYBeNjSszcXXbwhFXa-114-42.png">
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<!--页脚结束====================================================-->


<!--固定窗口开始==================================================-->
<div class="fixeds">
    <div class="inner-fixeds">
        <a href="" class="box-inner-fixeds colorPink">
            <div class="icon-box-inner-fixeds service"></div>
            <p>在线客服</p>
        </a>
    </div>
    <div class="inner-fixeds damai-inner-fixeds">
        <a href="" class="box-inner-fixeds colorPink">
            <div class="icon-box-inner-fixeds damai"></div>
            <p>APP下载</p>
            <div class="qrcode-box-inner-fixeds">
                <img src="../../static/image/fixeds/TB1r0uFxHSYBuNjSspiXXXNzpXa-280-280.png" width="72" height="72">
            </div>
        </a>
    </div>
    <div class="last-inner-fixeds">
        <a href="" class="box-inner-fixeds colorPink">
            <div class="icon-box-inner-fixeds gotop"></div>
            <p>回到顶部</p>
        </a>
    </div>

</div>
<!--固定窗口结束==================================================-->

<script src="../../static/js/jquery.js"></script>

<script>
    window.onload=function (ev) {
        //关闭顶部广告事件
        $('.header .close').click(function () {
            $('.adverse').css('transition-duration','200ms').css('height','0')
        });

        // 图片轮滚
        var ref = '';
        function consoleLog(){
            var rb1 = $('.rb1-inner-top-main');
            var rb2 = $('.rb2-inner-top-main');
            var rb3 = $('.rb3-inner-top-main');
            var rb4 = $('.rb4-inner-top-main');
            var t1 = $('.t1-inner-top-main');
            var t2 = $('.t2-inner-top-main');
            var t3 = $('.t3-inner-top-main');
            var t4 = $('.t4-inner-top-main');
            if(rb1.attr("data-for") == 'rbselect'){
                rb1.attr("data-for","").css('opacity','.32');
                rb2.attr("data-for","rbselect").css('opacity','1');
                t1.css("display","none");
                t2.css("display","block");
            }else if(rb2.attr("data-for") == 'rbselect'){
                rb2.attr("data-for","").css('opacity','.32');
                rb3.attr("data-for","rbselect").css('opacity','1');
                t2.css("display","none");
                t3.css("display","block");
            }else if(rb3.attr("data-for") == 'rbselect'){
                rb3.attr("data-for","").css('opacity','.32');
                rb4.attr("data-for","rbselect").css('opacity','1');
                t3.css("display","none");
                t4.css("display","block");
            } else if(rb4.attr("data-for") == 'rbselect'){
                rb4.attr("data-for","").css('opacity','.32');
                rb1.attr("data-for","rbselect").css('opacity','1');
                t4.css("display","none");
                t1.css("display","block");
            }
        };
        ref = setInterval(function () {
            consoleLog();
        },2000)

        $('.rb1-inner-top-main').click(function () {
            $('.rb1-inner-top-main').attr("data-for","rbselect").css('opacity','1');
            $('.rb2-inner-top-main').attr("data-for","").css('opacity','.32');
            $('.rb3-inner-top-main').attr("data-for","").css('opacity','.32');
            $('.rb4-inner-top-main').attr("data-for","").css('opacity','.32');
            $('.t1-inner-top-main').css("display","block");
            $('.t2-inner-top-main').css("display","none");
            $('.t3-inner-top-main').css("display","none");
            $('.t4-inner-top-main').css("display","none");
        });
        $('.rb2-inner-top-main').click(function () {
            $('.rb1-inner-top-main').attr("data-for","").css('opacity','.32');
            $('.rb2-inner-top-main').attr("data-for","rbselect").css('opacity','1');
            $('.rb3-inner-top-main').attr("data-for","").css('opacity','.32');
            $('.rb4-inner-top-main').attr("data-for","").css('opacity','.32');
            $('.t1-inner-top-main').css("display","none");
            $('.t2-inner-top-main').css("display","block");
            $('.t3-inner-top-main').css("display","none");
            $('.t4-inner-top-main').css("display","none");
        });
        $('.rb3-inner-top-main').click(function () {
            $('.rb1-inner-top-main').attr("data-for","").css('opacity','.32');
            $('.rb2-inner-top-main').attr("data-for","").css('opacity','.32');
            $('.rb3-inner-top-main').attr("data-for","rbselect").css('opacity','1');
            $('.rb4-inner-top-main').attr("data-for","").css('opacity','.32');
            $('.t1-inner-top-main').css("display","none");
            $('.t2-inner-top-main').css("display","none");
            $('.t3-inner-top-main').css("display","block");
            $('.t4-inner-top-main').css("display","none");
        });
        $('.rb4-inner-top-main').click(function () {
            $('.rb1-inner-top-main').attr("data-for","").css('opacity','.32');
            $('.rb2-inner-top-main').attr("data-for","").css('opacity','.32');
            $('.rb3-inner-top-main').attr("data-for","").css('opacity','.32');
            $('.rb4-inner-top-main').attr("data-for","rbselect").css('opacity','1');
            $('.t1-inner-top-main').css("display","none");
            $('.t2-inner-top-main').css("display","none");
            $('.t3-inner-top-main').css("display","none");
            $('.t4-inner-top-main').css("display","block");
        });
        $('.right-inner-top-main').click(function () {
            consoleLog();
        })
        $('.left-inner-top-main').click(function () {
            var rb1 = $('.rb1-inner-top-main');
            var rb2 = $('.rb2-inner-top-main');
            var rb3 = $('.rb3-inner-top-main');
            var rb4 = $('.rb4-inner-top-main');
            var t1 = $('.t1-inner-top-main');
            var t2 = $('.t2-inner-top-main');
            var t3 = $('.t3-inner-top-main');
            var t4 = $('.t4-inner-top-main');
            if(rb1.attr("data-for") == 'rbselect'){
                rb1.attr("data-for","").css('opacity','.32');
                rb4.attr("data-for","rbselect").css('opacity','1');
                t1.css("display","none");
                t4.css("display","block");
            }else if(rb2.attr("data-for") == 'rbselect'){
                rb2.attr("data-for","").css('opacity','.32');
                rb1.attr("data-for","rbselect").css('opacity','1');
                t2.css("display","none");
                t1.css("display","block");
            }else if(rb3.attr("data-for") == 'rbselect'){
                rb3.attr("data-for","").css('opacity','.32');
                rb2.attr("data-for","rbselect").css('opacity','1');
                t3.css("display","none");
                t2.css("display","block");
            } else if(rb4.attr("data-for") == 'rbselect'){
                rb4.attr("data-for","").css('opacity','.32');
                rb3.attr("data-for","rbselect").css('opacity','1');
                t4.css("display","none");
                t3.css("display","block");
            }
        });


    //    回到顶部按钮出现，，，先获得滚动条垂直坐标
    //     加载完成，先判断垂直位置，让是否显示回到顶部按钮
        var y = $(document).scrollTop();
        if(y > 150){
            $('.last-inner-fixeds').css('display','block');
        }else {
            $('.last-inner-fixeds').css('display','none');
        }
    //    滚动事件获取
        $(window).scroll(function () {
        //    获得垂直位置
            var y = $(document).scrollTop();
            if(y > 150){
                $('.last-inner-fixeds').css('display','block');
            }else {
                $('.last-inner-fixeds').css('display','none');
            }
        });
        // 通过按钮回到顶部，触发自动回到顶部
        $('.last-inner-fixeds').click(function () {
            $('html,body').animate({scrollTop:0},300);
        })
    };
</script>
</body>
</html>